<!DOCTYPE html>
<!-- saved from url=(0036)https://turtleacademy.com/playground -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="baidu-site-verification" content="yOjfk86whp">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="YKTFMnrTTUpdhDBSkXEnWON5GrXcFn7V9NgFcQ73">

    <title>Turtle Academy</title>

    <!-- Scripts -->
    <script src="./Turtle Academy_files/osd.js.下载"></script><script src="./Turtle Academy_files/f(2).txt"></script><script src="./Turtle Academy_files/f(3).txt" id="google_shimpl"></script><script type="text/javascript" async="" src="./Turtle Academy_files/ga.js.下载"></script><script src="./Turtle Academy_files/app.js"></script>

    <!-- Fonts -->
    <link rel="dns-prefetch" href="https://fonts.gstatic.com/">
    <link href="./Turtle Academy_files/css(1)" rel="stylesheet" type="text/css">
    <!--
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/brands.css" integrity="sha384-BKw0P+CQz9xmby+uplDwp82Py8x1xtYPK3ORn/ZSoe6Dk3ETP59WCDnX+fI1XCKK" crossorigin="anonymous">
-->
    <link rel="stylesheet" href="./Turtle Academy_files/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">



    <!-- Styles -->
    <link href="./Turtle Academy_files/app.css" rel="stylesheet">
    <link href="./Turtle Academy_files/language.css" rel="stylesheet">

    <!-- Google Analytics Tracking --> 
    <script type="application/javascript"> 
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-26588530-1']);
        _gaq.push(['_trackPageview']);

        (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>
    <!-- End of Google Analytics Tracking -->  




        <script src="./Turtle Academy_files/jquery.Storage.js.下载"></script>
    <script src="./Turtle Academy_files/codemirrorLogo.js.下载"></script>
<link href="./Turtle Academy_files/codemirror_turtle.css" rel="stylesheet">    <script src="./Turtle Academy_files/dialog.js.下载"></script>
<script src="./Turtle Academy_files/turtleLang.js.下载"></script>
<script src="./Turtle Academy_files/interface.js.下载"></script>
<link href="./Turtle Academy_files/interface.css" rel="stylesheet">    <script src="./Turtle Academy_files/sweetalert2.js.下载"></script>
<link rel="stylesheet" href="./Turtle Academy_files/sweetalert2.css">

    <script type="text/javascript"> 
        gt = {'Add lesson step' : "添加课程步骤",
        'lesson' : "课程",
        'hint' : "提示",
        'Solution'  : "解决",
        'Congratulation' : "恭喜",
        'Welcome to the Turtle world' : "欢迎来到海龟世界",
        'Hi' : "大家好",
        'Error Loading History' : "错误加载历史",
        'Command and number should be seperate by space e.g forward 50 and not forward50' : "命令和数字之间需要空格，比如：forward 50, 而不是 forward50 ",
        'Don\'t know how to {name}' : "不知道怎么做",
        'Don\'t know how to {name}' : "不知道怎么做",
        'end' : "结束",
        '>>' : "&gt;&gt;", '<<' : "&lt;&lt;",
        'Error' : "错误",
        'fd' : "前",'forward' : "向前",
        'back' : "向后",'bk' : "后",
        'include' : "include",
        'left' : "向左",'lt' : "左",
        'rt' : "右",'right' : "向右",
        'label' : "标签",'pos' : "pos",'print' : "打印",
        'cs' : "清屏",'clearscreen' : "清屏",
        'pu' : "提笔",'penup' : "提笔",
        'pd' : "放笔",'pendown' : "放笔",
        'ht' : "隐藏海龟",'hideturtle' : "隐藏海龟",
        'st' : "显示海龟",'showturtle' : "显示海龟",
        'setwidth' : "设置宽度",'home' : "复位",
        'setx' : "setx",'sety' : "sety",'setxy' : "setxy",
        'setheading' : "设置前进方向",'seth' : "seth",'arc' : "arc",
        'pos' : "pos",'heading' : "heading",
        'towards' : "towards",
        'repeat' : "重复",'repcount' : "重复次数",
        'for' : "循环",
        'to' : "到",'end' : "结束",'END' : "结束",
        'make' : "定义",'list' : "列表",
        'first' : "第一个",'butfirst' : "butfirst",
        'last' : "最后一个",'butlast' : "butlast",
        'item' : "item",'pick' : "pick",
        'setcolor' : "设置颜色",'fill' : "fill",
        'filled' : "filled",
        'sum' : "合计",'minus' : "减",'random' : "随机",
        'setlabelheight' : "设置标签高度",'xcor' : "xcor",'ycor' : "ycor",
        'setpensize' : "设置画笔的尺寸",
        
        'changeshape' : "changeshape", 'csh' : "csh",
        'draw' : "draw",'stopanimation' : "说明",'sa' : "sa",'setdrawinterval' : "setdrawinterval",'sdi' : "sin",
        'wait' : "等",'setwaittime' : "设置宽度",'swt' : "显示海龟",

        'black' : "黑色",'blue' : "蓝色",'lime' : "绿黄色",'cyan' : "青色",
        'red' : "结束",'magenta' : "紫红色",'yellow' : "您好",'white' : "白色",
        'brown' : "棕色",'tan' : "tan",'green' : "绿色",'aquamarine' : "碧绿色",
        'salmon' : "浅橙色",'purple' : "紫色",'orange' : "橙色",'gray' : "灰色",

        'picture': "图片",'creator' : "创建者",'name' : "用户名"
        ,'Created' : "创建",'Updated' : "更新",'Score' : "得分"
        };
               var siteUrl = "https:\/\/turtleacademy.com";
var turtleImg = "https://turtleacademy.com/images/turtle-icon.png";
var logoImg = "https://turtleacademy.com/images/turtle-icon.png"
var blackTurtle = "https://turtleacademy.com/images/turtle-svg.png"
var dogImg = "https://turtleacademy.com/images/30/dog.png";
var catImg = "https://turtleacademy.com/images/30/cat.png";
var fishImg = "https://turtleacademy.com/images/30/fish.png";
var horseImg = "https://turtleacademy.com/images/30/horse.png";
var tigerImg = "https://turtleacademy.com/images/30/tiger.png";
var snailImg = "https://turtleacademy.com/images/30/snail.png";
var crabImg = "https://turtleacademy.com/images/30/crab.png";
var auth = false;
var ltr = '';
var rtl = false;        var compareToSolution = false; //In case we need to move to the next step
        var singleLine = true;
        var direction = "ltr"
    </script>

    <!-- Styles -->
    <link rel="stylesheet" href="./Turtle Academy_files/font-awesome.min.css">
  

    <style>
      h5 {
        color: blue;
      }
    </style>
    
<meta http-equiv="origin-trial" content="A9ZgbRtm4pU3oZiuNzOsKcC8ppFSZdcjP2qYcdQrFKVzkmiWH1kdYY1Mi9x7G8+PS8HV9Ha9Cz0gaMdKsiVZIgMAAAB7eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiVHJ1c3RUb2tlbnMiLCJleHBpcnkiOjE2MjYyMjA3OTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A3HucHUo1oW9s+9kIKz8mLkbcmdaj5lxt3eiIMp1Nh49dkkBlg1Fhg4Fd/r0vL69mRRA36YutI9P/lJUfL8csQoAAACFeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiQ29udmVyc2lvbk1lYXN1cmVtZW50IiwiZXhwaXJ5IjoxNjI2MjIwNzk5LCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ=="><link rel="preload" href="./Turtle Academy_files/f(4).txt" as="script"><script type="text/javascript" src="./Turtle Academy_files/f(4).txt"></script><link rel="preload" href="./Turtle Academy_files/f(5).txt" as="script"><script type="text/javascript" src="./Turtle Academy_files/f(5).txt"></script></head>


<body class="">
    <div id="app" style="height: auto !important;">
        <nav class="navbar navbar-expand-md navbar-light navbar-laravel">
            <div class="container">
                
                <a class="navbar-brand" href="https://turtleacademy.com/">
                    海龟学院 
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <!-- Left Side Of Navbar -->
                    <ul class="navbar-nav mr-auto  " style="">
                        <li>
     <a class="nav-link" href="https://turtleacademy.com/lessons">
      课程
          </a>
          </li>
    <li>
     <a class="nav-link" href="https://turtleacademy.com/programs">
      程序
          </a>
          </li>
    <li class="active">
     <a class="nav-link" href="https://turtleacademy.com/playground">
      游乐天地
          </a>
          </li>
    <li>
     <a class="nav-link" href="https://turtleacademy.com/news">
      新闻
          </a>
          </li>
                      </ul>
                    <ul class="nav navbar-nav">

                    </ul>
                    
                    <!-- Right Side Of Navbar -->
                    <ul class="navbar-nav ml-auto">
                        <!-- Authentication Links -->
                        
                                                            <li class="nav-item">
                                    <a class="nav-link" href="https://turtleacademy.com/login">登录</a>
                                </li>
                                <li class="nav-item">
                                                                            <a class="nav-link" href="https://turtleacademy.com/register">报名</a>
                                                                    </li>
                                                        <li class="dropdown">
    <a href="https://turtleacademy.com/playground#" class="nav-link dropdown-toggle language-dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                🌏中文(简体)
    </a>
    <ul class="dropdown-menu language-dropdown-menu" role="menu">
        
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=en_US">English</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=es_AR">Español</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=de_DE">Deutsch</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=pt_BR">Portuguese</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=zh_CN">中文(简体)</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=zh_TW">中文(繁體)</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=he_IL">עברית</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=fa_IR">فارسی</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=pl_PL">Polski</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=it_IT">Italian</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=nl_NL">Dutch</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=hi_IN">हिंदी</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=ru_RU">русский</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=ar_EG">عربى(beta)</a></li>
                    <li><a class="dropdown-item" href="https://turtleacademy.com/playground?lang=el_EL">Ελληνικά(beta)</a></li>
            </ul>
</li>

                    </ul>
                </div>
            </div>
        </nav>

        <main class="py-4" style="background-color: white; height: auto !important;">
            <div class="container" style="height: auto !important;">
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-4">
</div>
<div class="col-xs-12 col-sm-12 col-md-8">
    <div class="form-group row " style="">
        <label class="px-2 mt-2">Width</label> <input id="dimension-width" type="text" name="width" placeholder="700">
        <label class="px-2 mt-2">Height</label><input id="dimension-height" type="text" name="height" placeholder="500">
        <button id="setDimensionsBtn" class="ml-1 btn-md-default"> Set dimensions</button>
    </div>
</div> 
  </div>
  
  <div class="row" style="height: auto !important;">

<div class="col-xs-12 col-sm-12 col-md-9 " style="height: auto !important;">
    <div class="row" style="height: auto !important;">
        <div class="col-md-1"></div>
        <div class="col-lg-11" style="height: auto !important;"> 

        <div id="logoer" class="row " style="">
    <!-- Display area for the turtle drawings -->
    <div id="display" class="row m-l-0">
        <canvas id="sandbox" width="660" height="475" class="ui-corner-all ui-widget-content">
            <span style="color: red; background-color: yellow; font-weight: bold;">
                TurtleAcademy learn programming for freeYour browser is not supporting canvasWe recomand you to use Chrome or Firefox browsers                            </span>
        </canvas>
        <canvas id="turtle" width="660" height="475">
            <!-- drawing box -->
        </canvas>
        <div id="overlay" style="font-size: 13px; font-family: monospace; color: black;"></div>
        <div id="error"></div>
        <!-- <div id="output"></div> -->
        
    </div>
</div>

 
        <div id="command-panel" class="row  " style="">
    <!-- TODO: Make this a button or anchor -->
    <!-- <div class="col-md-12"> -->
                <div id="input" lang="en" class="col-md-10 col-xs-10 float-left" style="">
            <div class="inner">
                <textarea rows="17" cols="50" placeholder="输入你的指令..." id="logo-ta-single-line" style="display: none;"></textarea><div class="CodeMirror cm-s-default CodeMirror-empty" style="width: 100%; height: 100%;"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 4px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-vscrollbar" tabindex="-1" cm-not-content="true" style="bottom: 0px;"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-hscrollbar" tabindex="-1" cm-not-content="true"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; margin-bottom: -17px; border-right-width: 13px; min-height: 30px; min-width: 7px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><pre class="CodeMirror-placeholder CodeMirror-line-like" style="height: 0px; overflow: visible; direction: ltr;">输入你的指令...</pre><div class="CodeMirror-measure"><pre class="CodeMirror-line-like"><span>xxxxxxxxxx</span></pre></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors" style=""><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 22px;">&nbsp;</div></div><div class="CodeMirror-code" role="presentation"><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text="">​</span></span></pre></div></div></div></div></div><div style="position: absolute; height: 13px; width: 1px; border-bottom: 0px solid transparent; top: 30px;"></div><div class="CodeMirror-gutters" style="display: none; height: 43px;"></div></div></div>
                <textarea rows="17" cols="50" placeholder="输入你的指令..." id="logo-ta-multi-line" style="display: none;"></textarea><div class="CodeMirror cm-s-default CodeMirror-empty" style="width: 100%; height: 100%;"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 34px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-vscrollbar" tabindex="-1" cm-not-content="true"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-hscrollbar" tabindex="-1" cm-not-content="true"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 30px; margin-bottom: -17px; border-right-width: 13px; min-height: 30px; min-width: 7px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><pre class="CodeMirror-placeholder CodeMirror-line-like" style="height: 0px; overflow: visible; direction: ltr;">输入你的指令...</pre><div class="CodeMirror-measure"><pre class="CodeMirror-line-like"><span>xxxxxxxxxx</span></pre></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 22px;">&nbsp;</div></div><div class="CodeMirror-code" role="presentation"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -30px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 13px; width: 1px; border-bottom: 0px solid transparent; top: 30px;"></div><div class="CodeMirror-gutters" style="height: 43px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 29px;"></div></div></div></div>
            </div>
        </div>
        <div class="col-md-2 col-xs-2 float-right d-flex justify-content-center" style="bottom: 10px">
            <button id="btnRun" class="btn btn-light border rounded-circle text-primary"> 运行</button>
        </div>
            <!-- </div> -->
</div>
<div id="input-history" class="row  m-l-0 rounded" style="">
    <div class="mw-100" id="history_div">
        <div class=" border-bottom border-dark bg-primary sticky-top">
            <label> <h4> Commands history </h4></label>
        </div>
        <ul class="mw-100" id="logo-txt-history" placeholder="No commands yet.." readonly=""><div class="snippet" title="Copy to commandline"><pre style="margin: 0px;"><span class="cm-logo-word">STAR</span></pre></div><div class="snippet" title="Copy to commandline"><pre style="margin: 0px;"><span class="cm-logo-word">CS</span></pre></div><div class="snippet" title="Copy to commandline"><pre style="margin: 0px;"><span class="cm-logo-word">STAR</span></pre></div><div class="snippet" title="Copy to commandline"><pre style="margin: 0px;"><span class="cm-logo-defn-start">TO</span> <span class="cm-logo-defn-name">STAR</span>
 <span class="cm-logo-word">REPEAT</span> <span class="cm-logo-number">5</span> <span class="cm-logo-operator">[</span><span class="cm-logo-word">REPEAT</span> <span class="cm-logo-number">10</span> <span class="cm-logo-operator">[</span><span class="cm-logo-word">PU</span> <span class="cm-logo-word">FD</span> <span class="cm-logo-number">5</span> <span class="cm-logo-word">PD</span> <span class="cm-logo-word">FD</span> <span class="cm-logo-number">5</span><span class="cm-logo-operator">]</span> <span class="cm-logo-word">RT</span> <span class="cm-logo-number">144</span><span class="cm-logo-operator">]</span>
<span class="cm-logo-defn-end">END</span></pre></div><div class="snippet" title="Copy to commandline"><pre style="margin: 0px;"><span class="cm-logo-word">REPEAT</span> <span class="cm-logo-number">5</span> <span class="cm-logo-operator">[</span><span class="cm-logo-word">REPEAT</span> <span class="cm-logo-number">10</span> <span class="cm-logo-operator">[</span><span class="cm-logo-word">PU</span> <span class="cm-logo-word">FD</span> <span class="cm-logo-number">5</span> <span class="cm-logo-word">PD</span> <span class="cm-logo-word">FD</span> <span class="cm-logo-number">5</span><span class="cm-logo-operator">]</span> <span class="cm-logo-word">RT</span> <span class="cm-logo-number">144</span><span class="cm-logo-operator">]</span></pre></div>

        </ul>
    </div>
</div>
        
    </div> 
</div> 
  </div>
    <div class="row">
      <div class="col-md-10">
          <script async="" src="./Turtle Academy_files/f(6).txt"></script>
<!-- playground-footer -->

<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>      </div>
  </div>
    <div class="row" style="height: auto !important;">
      <div class="row flex-row col-md-12 ">
                <h3 class="text-primary">Basic Commands</h3>
            </div>
            <div class="row col-md-12">
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 向前  
                    X
                                                 
                        ,  前 X
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Moves the turtle x points</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> fd 50</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/1"> Logo's turtle </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 向后  
                    X
                                                 
                        ,  后 X
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> The turtle back x points</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> bk 50</p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 向左  
                    X
                                                 
                        ,  左 X
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Rotate the turtle left x degrees</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> lt 90</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/1"> Logo's turtle </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 向右  
                    X
                                                 
                        ,  右 X
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Rotate the turtle right x degrees</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> rt 90</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/1"> Logo's turtle </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 清屏  
                    
                                                 
                        ,  清屏 
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Will clear the screen and return the turtle home</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> cs</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/1"> Logo's turtle </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> changeshape  
                    X or STR
                                                 
                        ,  csh X or STR
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Will change the turtle to another shape accordin to the following 0 = "turtle", 1 = "cat", 2 = "fish", 3 = "dog", 4 = "horse", 5 = "tiger", 6 = "crab", 7 = "snail"</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> csh 1 or csh "dog</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/12"> Turtle world </a></p>
                    </div>
                     
                </div>
                            </div>
                    <div class="row flex-row col-md-12 ">
                <h3 class="text-primary">Controlling the Pen</h3>
            </div>
            <div class="row col-md-12">
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 提笔  
                    
                                                 
                        ,  提笔 
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Turtle stops leaving a trail</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> pu</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/2"> Controlling the Turtle and Pen </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 放笔  
                    
                                                 
                        ,  放笔 
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> The turtle will leave a trail</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> pd</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/2"> Controlling the Turtle and Pen </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 等  
                    X
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Will cause the turtle to wait X ( 60ths of seconds ) time before executing the command</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> repeat  4 [ wait fd 50]</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/20"> Hi wait </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 设置宽度  
                    X
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Will set the pen width to X</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> setwidth 4 fd 50</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/4"> The pen width </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 隐藏海龟  
                    
                                                 
                        ,  隐藏海龟 
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Hide the turtle</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> ht</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/2"> Controlling the Turtle and Pen </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 显示海龟  
                    
                                                 
                        ,  显示海龟 
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Show the turtle</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> st</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/2"> Controlling the Turtle and Pen </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 复位  
                    
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Moves the turtle to center, pointing upwards</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> home</p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> setx  
                    NUM_x
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Move turtle to the specified X location</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> setx 100</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/12"> Turtle world </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> sety  
                    NUM_y
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Move turtle to the specified Y location</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> sety 200</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/12"> Turtle world </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> setxy  
                    NUM_X NUM_Y
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Move turtle to the specified location</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> setxy 100 100</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/12"> Turtle world </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 设置前进方向  
                    
                                                 
                        ,  seth 
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Rotate the turtle to the specified heading</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> sh 145</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/12"> Turtle world </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> arc  
                    ANGLE RADIUS
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Will create an arc distance RADIUS covering ANGLE angle</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> ARC 360 5</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/12"> Turtle world </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> ellipse  
                    WIDTH HEIGHT
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Will craete an ellipse width Width and height Height</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> ellipse 80 90</p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> pos  
                    
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs the current turtle position as [ x y ], x or y respectively</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> pos</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/13"> The turtle answer </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> xcor  
                    
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs the current turtle position as [ x y ], x or y respectively</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> xcor</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/13"> The turtle answer </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> ycor  
                    
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs the current turtle position as [ x y ], x or y respectively</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> ycor</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/13"> The turtle answer </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> heading  
                    
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs the current turtle heading</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> heading</p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> towards  
                    
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs the heading towards the specified [ x y ] coordinates</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> towards</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/13"> The turtle answer </a></p>
                    </div>
                     
                </div>
                            </div>
                    <div class="row flex-row col-md-12 ">
                <h3 class="text-primary">Loops and procedure</h3>
            </div>
            <div class="row col-md-12">
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 重复  
                    X [ statements ... ]
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Repeat statements X times</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> repeat 4 [ fd 50 rt 90]</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/3"> Loops </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 重复次数  
                    
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs the current iteration number of the current repeat or forever</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> repeat 4 [ repcount ]</p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> for   
                    controllist [ statements ...]
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Typical for loop. The controllist specifies three or four members: the local varname, start value, limit value, and optional step size</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> for [i 1 10 1] [print :i]</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/16"> The for loop </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 到  
                    PROCNAME inputs ... statements ... end
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Define a new named procedure with optional inputs</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> to TURTLE repeat 4 [ fd 50 rt 90] end</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/5"> The turtle is learning </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> make   
                    varname expr
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Update a variable or define a new global variable. The variable name must be quoted</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> make "foo 5</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/7"> Variables </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> :  
                    VARNAME
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> access the content of VARNAME</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> make "foo 5 repeate :foo [fd 50 rt 360 / :foo]</p>
                    </div>
                     
                </div>
                            </div>
                    <div class="row flex-row col-md-12 ">
                <h3 class="text-primary">Lists</h3>
            </div>
            <div class="row col-md-12">
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 列表  
                    thing1 thing2 ...
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Create a new list from the inputs</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> make "mylist (list "turtle "academy)</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/10"> Lists </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 第一个  
                    listname
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs the first item from the list</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> print first :mylist</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/10"> Lists </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> butfirst  
                    listname
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs all the items of listname except for the first item</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> print butfirst :mylist</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/9"> Accessing the list </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 最后一个  
                    listname
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs the last item from the list</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> print last :mylist</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/10"> Lists </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> butlast  
                    listname
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs all the items of listname except for the last item</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> print butlast :mylist</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/9"> Accessing the list </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> item  
                    index listname
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs the indexlist item of the list or array</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> print item 1 :mylist</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/9"> Accessing the list </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> pick  
                    index listname
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs one item from a list, at random</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> print pick :mylist</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/9"> Accessing the list </a></p>
                    </div>
                     
                </div>
                            </div>
                    <div class="row flex-row col-md-12 ">
                <h3 class="text-primary">Colors</h3>
            </div>
            <div class="row col-md-12">
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 设置颜色  
                    X
                                            </h5> 
                    <div class="row col-md-12">
                                                    Will set the turtle color accroding to the following table
                            <table id="colortable">
    <tbody><tr>
        <td style="background-color: black; color: white;">0: 黑色  </td>
        <td style="background-color: blue;">1: 蓝色 </td>
        <td style="background-color: lime;">2: 绿黄色 </td>
    </tr><tr>    
        <td style="background-color: cyan;">3: 青色 </td> 
        <td style="background-color: red;">4: 结束 </td>
        <td style="background-color: magenta;">5: 紫红色 </td>
    </tr><tr>
        <td style="background-color: yellow;">6: 您好 </td>
        <td style="background-color: white;">7: 白色 </td>

        <td style="background-color: brown;">8: 棕色 </td>
    </tr><tr>
        <td style="background-color: tan;">9: tan </td>
        <td style="background-color: green;">10: 绿色 </td>
        <td style="background-color: aquamarine;">11: 碧绿色 </td>

    </tr><tr>
        <td style="background-color: salmon;">12: 浅橙色 </td>
        <td style="background-color: purple;">13: 紫色 </td>
        <td style="background-color: orange;">14: 橙色 </td>
    </tr><tr> 
        <td style="background-color: gray;">15: 灰色 </td>
</tr></tbody></table>                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> setcolor 1</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/6"> Colors and printing </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 设置颜色  
                    [r,g,b]
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Will set the turtle color accroding to the amount of red , green and blue</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> setcolor [50 100 50]</p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> fill  
                    
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Does a paint bucket flood fill at the turtle\'s position</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> cs repeear 4 [ fd 50 rt 90 ] pu setxy 50 50 pd fill</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/18"> Background </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> filled   
                    fillcolor [ statements ... ]
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Execute statements without drawing but keeping track of turtle movements. When complete, fill the region traced by the turtle with fillcolor and outline the region with the current pen style</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> filled "blue [repeat 4 [fd 100 rt 90]]</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/18"> Background </a></p>
                    </div>
                     
                </div>
                            </div>
                    <div class="row flex-row col-md-12 ">
                <h3 class="text-primary">Math</h3>
            </div>
            <div class="row col-md-12">
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 合计  
                    X Y 
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Will sum  x+y</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> print sum 2 3</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/7"> Variables </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 减  
                    X Y 
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> return the distance between x and y x-y</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> print minus 8 2</p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> 随机  
                    X
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Will choose a random number between 0 - (X-1)'</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> cs print sum random 10 3</p>
                    </div>
                                        <div class="row col-md-12">
                        <p class="text-success"> Explained in lesson: </p> 
                        <p class="ml-1"> <a href="https://turtleacademy.com/lessons/6"> Colors and printing </a></p>
                    </div>
                     
                </div>
                                <div class="row col-md-6 bg-white">
                    <h5 class="row col-md-12"> modulo   
                    expr expr
                                            </h5> 
                    <div class="row col-md-12">
                                                <p class="text-justify"> Outputs the remainder (modulus). For remainder and % the result has the same sign as the first input; for modulo the result has the same sign as a the second input.</p>
                                                
                    </div>
                    <div class="row col-md-12">
                        <p class="text-secondary"> Example: </p> 
                        <p class="ml-1"> cs print modulo 10 3</p>
                    </div>
                     
                </div>
                          
        


  </div>
 
</div>
        </main>
    </div>
    <footer class="section footer-classic context-dark bg-image">
        <div class="container">
          <div class="row row-30">
            <div class="col-md-4 col-xl-5 col-12">
              <div class="pr-xl-4">
                <!-- Rights-->
                <p class="rights"><span>©&nbsp; </span><span class="copyright-year">2020</span><span>&nbsp;</span><span>All Rights Reserved</span><span>.&nbsp;</span><span>海龟学院.</span>
                <span> <a class="brand" href="https://turtleacademy.com/"><img class="brand-logo-light" src="./Turtle Academy_files/turtle-icon.png" alt="" width="" height="20"></a></span>
                </p>
              </div>
            </div>
            <div class="col-md-4 col-6 ">
              <h4>Contacts</h4>
              <dl class="contact-list">
                <dt>Turtle support:</dt>
                <li class="nav-link" style="padding:0px;"><a href="https://turtleacademy.com/contactus"><h5>Contact form</h5></a></li>
                <dd style=""><a href="mailto:support@turtleacademy.com"><h5>Support</h5></a></dd>
              </dl>
            </div>
            <div class="col-md-4 col-xl-3 col-6 ">
              <h4>Links</h4>
              <dl class="link-list">
                <ul class="list-group" style="&gt;
                  &lt;li class=" nav-link"=""><a href="https://turtleacademy.com/about"><h5>文档</h5></a> 
                  <li class="nav-link" style="padding:0px;"><a href="https://turtleacademy.com/donate"><h5>捐助</h5></a></li>
                  <li class="nav-link" style="padding:0px;"><a href="https://turtleacademy.com/faq"><h5>Faq</h5></a></li>
                  <li class="nav-link" style="padding:0px;"><a href="https://turtleacademy.com/privacyPolicy"><h5>Privacy Policy</h5></a></li>
                  <li class="nav-link" style="padding:0px;"><a href="https://turtleacademy.com/termsOfUse"><h5>Terms of service</h5></a></li>
                  
                </ul>
                </dl>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-5">
            <ul class="list-unstyled list-inline social text-center ">

              
              <li class="list-inline-item"><h2>Follow us on</h2></li>
              <li class="list-inline-item"><a href="https://www.facebook.com/turtleacademy/"><i class="fab fa-facebook fa-2x"></i></a></li>
              <li class="list-inline-item"><a href="https://twitter.com/AcademyOfTurtle"><i class="fab fa-twitter fa-2x"></i></a></li>
            </ul>
          </div>
          
        </div>
      </footer>

</html>